	body {
				margin: 0;
				min-height: 100vh;
				background-color: white;
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 20px 0;
			}

			.flexsb {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.box {
				width: 85%;
				max-width: 800px;
				background: linear-gradient(135deg,
					rgba(74, 108, 247, 0.3) 0%,
					rgba(74, 108, 247, 0.1) 100%);
				background-size: 200% 200%;
				animation: shine 5s infinite linear;
				border-radius: 12px;
				position: relative;
				overflow: hidden;
				box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.8);
			}

			@keyframes shine {
				0% {
					background-position: 0% 0%;
				}
				50% {
					background-position: 100% 100%;
				}
				100% {
					background-position: 0% 0%;
				}
			}

			.container {
				position: relative;
				width: 100%;
				box-sizing: border-box;
				padding: 20px 3%;
			}

			.container>div {
				width: 100%;
				background: rgba(255, 255, 255, 0.7);
				border-radius: 20px;
				box-sizing: border-box;
				padding: 20px;
				padding-top: 30px;
				box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.8);
				margin-bottom: 20px;
			}

			.tit {
				color: #4a6cf7;
				font-size: 24px;
				letter-spacing: 2px;
				margin-bottom: 25px;
				font-weight: bold;
			}

			.container>.right {
				min-height: 400px;
			}

			.container>.left {
				height: auto;
			}

			.container>.left>.item {
				margin-bottom: 25px;
			}

			.container>.left>.item>* {
				background: #fff;
				width: 100%;
				border-radius: 5px;
				border: 1px solid rgba(74, 108, 247, 0.2);
				outline: none;
				padding-left: 15px;
				box-sizing: border-box;
			}

			.container>.left>.item>input {
				height: 50px;
			}

			.container>.left>.item>textarea {
				height: 200px;
				padding-top: 10px;
				resize: none;
			}

			.btn>button {
				border: none;
				height: 45px;
				border-radius: 10px;
				width: 40%;
				color: #fff;
				font-weight: bold;
				font-size: 16px;
				letter-spacing: 4px;
				cursor: pointer;
				transition: all 0.3s ease;
			}
			
			.btn>button:hover {
				transform: translateY(-2px);
				box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
			}

			.list {
				height: 300px;
				overflow: hidden;
				overflow-y: auto;
			}

			.list>.item {
				padding: 10px;
				box-sizing: border-box;
				margin-bottom: 25px;
				border-radius: 10px;
			}

			.list>.item>.top>div {
				display: flex;
				align-items: center;
				font-size: 14px;
				font-weight: bold;
				color: #4a6cf7;
			}

			.list>.item>.top>div>img {
				width: 40px;
				height: 40px;
				border-radius: 100%;
				margin-right: 5px;
				border: 2px solid #4a6cf7;
			}

			.list>.item>.top>span {
				font-size: 12px;
				color: #666;
			}

			.list>.item>.btm {
				color: #333;
				margin-top: 10px;
				font-size: 14px;
				line-height: 1.5;
			}

			.yining {
				box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
			}

			.bg {
				background: linear-gradient(135deg, #cbd2f1,#4a6cf7);
			}
            .userid {
                color:gold;
            }